/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/

.iziToast

  // Theme Dark

  &.iziToast-theme-dark
    background #565C70
    border-color #565C70
    & .iziToast-title
      color white
    & .iziToast-message
      color rgba(255, 255, 255, 0.7)
      font-weight 300
    & .iziToast-close
      background url('') no-repeat 50% 50%
      background-size 8px
    & .iziToast-icon
      color white
      &.ico-info
          background url('') no-repeat 50% 50%
          background-size 85%
      &.ico-warning
          background url('') no-repeat 50% 50%
          background-size 85%
      &.ico-error
          background url('') no-repeat 50% 50%
          background-size 80%
      &.ico-success
          background url('') no-repeat 50% 50%
          background-size 85%
      &.ico-question
          background url('') no-repeat 50% 50%
          background-size 85%
    & .iziToast-buttons
      & > a, & > button, & > input
        color rgb(255, 255, 255)
        background rgba(255, 255, 255, 0.1)
        &:hover
          background rgba(255, 255, 255, 0.2)
        &:focus
          box-shadow 0 0 0 1px rgba(255, 255, 255, 0.6)

  // Other theme colors

  &.iziToast-color-red
    background rgba(255, 175, 180, 0.9)
    border-color rgba(255, 175, 180, 0.9)
  &.iziToast-color-orange
    background rgba(255, 207, 165, 0.9)
    border-color rgba(255, 207, 165, 0.9)
  &.iziToast-color-yellow
    background rgba(255, 249, 178, 0.9)
    border-color rgba(255, 249, 178, 0.9)
  &.iziToast-color-blue
    background rgba(157, 222, 255, 0.9)
    border-color rgba(157, 222, 255, 0.9)
  &.iziToast-color-green
    background rgba(166, 239, 184, 0.9)
    border-color rgba(166, 239, 184, 0.9)
  
  /*
  * EXAMPLE new colors
  *
  &.iziToast-color-name
  */